.app { background: #171717; }

.app-aside { height: 100%; }

.app-aside .aside-wrap { width: 220px; height: 100%; }

.navbar { width: 58px; position: fixed; z-index: 2; margin: 70px 0 0 70px; }

.navbar .logo { width: 58px; height: 124px; display: inline-block; background: url(../img/logo.png) no-repeat; }

.navbar .logo:hover { background: url(../img/logo-hover.png) no-repeat; }

.navbar .nav-list { margin-top: 70px; }

.navbar .nav-list li { text-align: center; margin-bottom: 36px; }

.navbar .nav-list li a { font-size: 18px; color: #9f9f9f; }

.navbar .nav-list li a:hover { color: #e8e8e8; }

.navbar .nav-list li a span { margin-right: 6px; }

.navbar .list-icon { text-align: center; margin-bottom: 50px; position: relative; }

.navbar .list-icon:last-child { margin-bottom: 0; }

.navbar .list-icon .shopping-Cart { width: 30px; height: 34px; display: inline-block; background: url(../img/shopping-Cart.png) no-repeat; }

.navbar .list-icon .shopping-Cart:hover { background: url(../img/shopping-Cart-hover.png) no-repeat; }

.navbar .list-icon .shopping-Cart.search { background: url(../img/search.png) no-repeat; }

.navbar .list-icon .shopping-Cart.search:hover { background: url(../img/search-hover.png) no-repeat; }

.navbar .list-icon .shopping-Cart.back-top { background: url(../img/back-top.png) no-repeat; }

.navbar .list-icon .shopping-Cart.back-top:hover { background: url(../img/back-top-hover.png) no-repeat; }

.navbar .list-icon .shopping-Cart-list { width: 210px; position: absolute; bottom: 0; left: 58px; display: none; }

.navbar .list-icon .shopping-Cart-list li a { width: 70px; height: 50px; line-height: 50px; text-align: center; display: inline-block; background: #606060; float: left; font-size: 18px; color: #171717; }

.navbar .list-icon .search-keyword { height: 50px; width: 242px; position: absolute; top: 0; left: 58px; display: none; }

.navbar .list-icon .search-keyword .keyword { width: 192px; height: 100%; padding: 0 10px; float: left; }

.navbar .list-icon .search-keyword a { height: 50px; width: 50px; display: inline-block; line-height: 50px; text-align: center; background: #000 url(../img/search.png) no-repeat center center; }

.navbar .list-icon .search-keyword a:hover { background: #000 url(../img/search-hover.png) no-repeat center center; }

.browser_index { padding: 264px 100px 0 0; }

.browser_index .swiper-container { background: #171717; }

.browser_index .swiper-container .swiper-slide { width: 100%; }

.browser_index .swiper-container .swiper-slide .banner-img { width: 100%; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url(../img/normal-left.png); background-size: cover; width: 100px; height: 100px; }

.swiper-button-prev.swiper-button-white:hover, .swiper-container-rtl .swiper-button-prev.swiper-button-white:hover { background-image: url(../img/hover-left.png); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url(../img/normal-right.png); background-size: cover; width: 100px; height: 100px; }

.swiper-button-next.swiper-button-white:hover, .swiper-container-rtl .swiper-button-prev.swiper-button-white:hover { background-image: url(../img/hover-right.png); }

.goods-list { padding-right: 150px; }

.goods-list .goods-title { font-size: 50px; color: #9f9f9f; line-height: 350px; }

.goods-list .goods-title span { margin-left: 40px; }

.goods-list .good-img { position: relative; }

.goods-list .good-img img { width: 30%; vertical-align: top; }

.goods-list .good-img img.left { float: left; }

.goods-list .good-img img.right { float: right; }

.goods-list .good-img img.middle { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.goods-list .good-img .more-btn { color: #171717; font-size: 18px; display: inline-block; width: 100px; height: 50px; line-height: 50px; text-align: center; position: absolute; bottom: 0; right: 0; background: #606060; }

.img-bottom { margin-top: 250px; margin-bottom: 182px; }

.img-bottom img { width: 100%; }

.copyright { padding-right: 100px; text-align: center; font-size: 18px; color: #606060; line-height: 54px; }

@media (max-width: 1280px) { .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { width: 50px; height: 50px; }
  .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { width: 50px; height: 50px; } }
